<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>事件</title>
		<style>
			img{
				opacity: 0.5;
			}
		</style>
		<script>
			//禁止鼠标右击事件
			document.oncontextmenu = function(){
			    event.returnValue = false;
			}
			
			//禁止剪切板拷贝事件
			document.oncopy = function(){
			    event.returnValue = false;
			}
			
			//禁止选取内容事件
			document.onselectstart = function(){
			    event.returnValue = false;
			}
			
			//禁用键盘中的ctrl、alt、shift
			document.onkeydown = function(){
			    if( event.ctrlKey ){
			        return false;
			    }
			    if ( event.altKey ){
			        return false;
			    }
			    if ( event.shiftKey ){
			        return false;
			    }
			}
			
			function change1(pic){
				//JS操作CSS -- 对象.style属性.样式属性=新值
				//注意:此方式修改的样式如果是多个单词的话,则要进行调整,例如:background-color ==> backgroundColor
				pic.style.opacity = "1.0";
			}
			
			function change2(pic){
				//JS操作CSS
				pic.style.opacity = "0.5";
			}
		</script>
	</head>
	<body>
		<!-- <img src="img/头像.jpg" onmouseover="change1(this)" onmouseleave="change2(this)"/> -->
		
		<p>这是一段内容</p>
	</body>
</html>
